<template>
	<view class="content">
        <u-navbar bgColor="#fff" :safeAreaInsetTop="true" :placeholder="true" :fixed="true" :shadow="true"
            @leftClick="back" title="专户详情" >
        </u-navbar>
        <view class="uni-area">
            <!-- 专户信息详情 -->
            <uni-item-base class="u-m-t-30" :baseData="fohfData" />
            <!-- 专户概况 -->
            <uni-item-base class="u-m-t-30" :baseData="generalData" />
            <!-- 拨付信息列表 -->
            <uni-item-base class="u-m-t-30" :baseData="appropriationData" />
            <!-- 工资发放情况 -->
            <uni-item-base class="u-m-t-30 u-m-b-30" :baseData="wageData" />
        </view>
        <!-- 提示组件 -->
        <u-toast ref="uToast"></u-toast>
	</view>
</template>

<script>
	export default {
		data() {
			return {
                // 专户信息详情
                fohfData:{
                    line: false,
                    title: '专户信息详情',
                    list:[
                        // 单位原为企业
                        { field:'xmmc', title:'项目名称', value:'项目名称' },
                        { field:'jsdwmc', title:'建设单位', value:'建设单位' },
                        { field:'qyprincipal', title:'建设单位负责人', value:'建设单位负责人' },
                        { field:'jsdwlxdh', title:'联系电话', value:'联系电话', type:'phone' },
                        { field:'sgdwmc', title:'施工单位', value:'施工单位' },
                        { field:'sgdwprincipal', title:'施工单位负责人', value:'施工单位负责人' },
                        { field:'sgdwlxdh', title:'联系电话', value:'联系电话', type:'phone' },
                        { field:'zhmc', title:'专户名称', value:'专户名称' },
                        { field:'khlx', title:'开户类型', value:'开户类型' },
                        { field:'khh', title:'开户银行', value:'开户银行' },
                        { field:'zhhm', title:'专户账号', value:'专户账号' },
                        { field:'zhzt', title:'账户状态', value:'账户状态' },
                        { field:'bankaddress', title:'开户行地址', value:'开户行地址' },
                        { field:'projectcost', title:'项目工程合同额', value: 0, unit:'万元' },
                        { field:'payratio', title:'工资拨付比例', value:'0' },
                        { field:'paytotal', title:'工资拨付总额', value:'0', unit:'万元' },
                        { field:'paytimes', title:'计划拨付期数', value:'0', unit:'期' },
                        { field:'starttime', title:'第一期拨付年月', value:'' },
                        { field:'endtime', title:'最后一期拨付年月', value:'' },
                        { field:'payment', title:'拨付类型', value:'拨付类型' },
                        { field:'paytotalbymonth', title:'每月应付金额', value:'施工单位', unit:'万元' },
                        { field:'paytimes', title:'每月拨付日期', value:'施工单位', unit:'日' },
                        { field:'payday', title:'工资发放日', value:'施工单位', unit:'日' },
                    ]
                },
                // 专户概况
                generalData:{
                    line: false,
                    title: '专户概况',
                    list:[
                        { field:'cumsjbfje', title:'累积拨付金额', value:'0', unit:'万元' },
                        { field:'cumsfgzhj', title:'累积发放金额', value:'0', unit:'万元' },
                        { field:'balance', title:'专户余额', value:'0', unit:'万元' }
                    ]
                },
                // 拨付信息列表
                appropriationData:{
                    line: false,
                    title: '拨付信息列表',
                    list:[
                        { field:'bfqs', title:'拨付期数', value:'安薪乐', unit:'期' },
                        { field:'sjbfje', title:'拨付金额', value:'安薪乐', unit:'万元' },
                        { field:'bfsj', title:'拨付日期', value:'安薪乐' }
                    ]
                },
                // 工资发放情况
                wageData:{
                    line: false,
                    title: '工资发放情况',
                    list:[
                        { field:'ffgzny', title:'工资期（间）', value:'安薪乐', unit:'日' },
                        { field:'createTime', title:'发放日期', value:'安薪乐', unit:'日' },
                        { field:'staffs', title:'实发人数', value:'安薪乐', unit:'人' },
                        { field:'sfgzhj', title:'实发金额', value:'安薪乐', unit:'万元' }
                    ]
                }
			}
		},

		onLoad(option) {
            // 专户详情
            this.getFohfDetail(option.id)
		},

		methods: {
            // 返回
            back(){
                uni.navigateBack()
            },

            // 专户详情
            getFohfDetail(id){
                uni.showLoading({ title:'专户详情加载中' })
                this.$request(this,this.$apis.fohfDetail,{id:id}).then(res=>{
                    // console.log('专户详情',res)
                    // 专户信息详情
                    this.fohfData.list.map((v,i)=>{
                        v.value = res[v.field]
                    })
                    // 专户概况
                    this.generalData.list.map((v,i)=>{
                        if( v.field == 'balance' ){
                            v.value = res[v.field]?res[v.field]:0
                        }else{
                            v.value = res.ado[v.field]
                        }
                    })
                    // 拨付信息列表
                    this.appropriationData.list.map((v,i)=>{
                        v.value = res.adp[v.field]
                    })
                    // 工资发放情况
                    this.wageData.list.map((v,i)=>{
                        v.value = res.ads[v.field]
                    })
                }).then()
            }
		}
	}
</script>

<style scoped lang="scss">
</style>
